<template>
    <div>
        <p>原来的样子: {{ msg }}</p>

        <p>使用翻转过滤器: {{ msg | reverse('|') }}</p>

        <p :title="msg | toUp | reverse('|')">鼠标长停</p>

    </div>
</template>

<script>


export default {

    filters: {
        reverse(value,arg0) {
            return value.split('').reverse().join('') + ' '+arg0;
        }
        ,
        toUp(val) {
            return val.toUpperCase()
        }
    },


    data() {
        return {
            msg: 'Hello, Vue'
        }
    }

}


</script>


<style scoped></style>    